<!DOCTYPE html>
<html>
<head>
<title>Home</title>
<!-- js -->
<script src="js/jquery.min.js"></script>
<!-- js -->
<!--theme-style-->
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all">
<!--//theme-style-->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
	<body>
		<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
			<!-- Indicators -->
			<ol class="carousel-indicators">
				<li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
				<li data-target="#carousel-example-generic" data-slide-to="1"></li>
				<li data-target="#carousel-example-generic" data-slide-to="2"></li>
			</ol>

			<!-- Wrapper for slides -->
			<div class="carousel-inner" role="listbox">
				<div class="item active">
					<img src="img/coffee01.jpg" alt="...">
					<div class="carousel-caption">
						...
					</div>
				</div>
				<div class="item">
					<img src="img/coffee02.jpg" alt="...">
					<div class="carousel-caption">
						...
					</div>
				</div>
			</div>

			<!-- Controls -->
			<a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
				<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
				<span class="sr-only">Previous</span>
			</a>
			<a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
				<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
				<span class="sr-only">Next</span>
			</a>
		</div>

		<!-- banner-grids -->
		<div class="banner-grids">
			<!-- container -->
			<div class="container">
				<div class="banner-grid-info">
					<h3>Recent Visiting Places</h3>
				</div>
				<div class="top-grids">
					<div class="top-grid">
						<a href="single.html"><img src="img/coffee01.jpg" alt="" /></a>
						<div class="top-grid-info">
							<a href="single.html">Vestibulum auctor</a>
							<p>Morbi id felis porttitor tellus viverra pulvinar. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices</p>
						</div>
					</div>
					<div class="top-grid">
						<a href="single.html"><img src="img/dusha01.jpg" alt="" /></a>
						<div class="top-grid-info">
							<a href="single.html">Vestibulum auctor</a>
							<p>Morbi id felis porttitor tellus viverra pulvinar. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices</p>
						</div>
					</div>
					<div class="top-grid">
						<a href="single.html"><img src="img/meishuguan01.jpg" alt="" /></a>
						<div class="top-grid-info">
							<a href="single.html">Vestibulum auctor</a>
							<p>Morbi id felis porttitor tellus viverra pulvinar. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices</p>
						</div>
					</div>					
					<div class="clearfix"> </div>
				</div>
				<div class="top-grids">
					<div class="top-grid">
						<a href="single.html"><img src="images/2.jpg" alt="" /></a>
						<div class="top-grid-info">
							<a href="single.html">Vestibulum auctor</a>
							<p>Morbi id felis porttitor tellus viverra pulvinar. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices</p>
						</div>
					</div>
					<div class="top-grid">
						<a href="single.html"><img src="images/4.jpg" alt="" /></a>
						<div class="top-grid-info">	
							<a href="single.html">Vestibulum auctor</a>
							<p>Morbi id felis porttitor tellus viverra pulvinar. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices</p>
						</div>
					</div>
					<div class="top-grid">
						<a href="single.html"><img src="images/6.jpg" alt="" /></a>
						<div class="top-grid-info">
							<a href="single.html">Vestibulum auctor</a>
							<p>Morbi id felis porttitor tellus viverra pulvinar. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices</p>
						</div>
					</div>					

				</div>
			</div>
			<!-- //container -->
		</div>        

		<script type="text/javascript">
									$(document).ready(function() {
										/*
										var defaults = {
								  			containerID: 'toTop', // fading element id
											containerHoverID: 'toTopHover', // fading element hover id
											scrollSpeed: 1200,
											easingType: 'linear' 
								 		};
										*/
										
										$().UItoTop({ easingType: 'easeOutQuart' });
										
									});
								</script>
									<a href="#" id="toTop" style="display: block;"> <span id="toTopHover" style="opacity: 1;"> </span></a>
	<!-- content-Get-in-touch -->
	</body>
</html>